﻿<!DOCTYPE HTML>
<html lang="en" class="no-js">

  <head>

      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
      <title>Rex — Clean & Minimal Portfolio HTML5 Template | Home - Slider</title>
      
      <!-- ============ Google Fonts ============ -->
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
      <link href="http://fonts.googleapis.com/css?family=Poppins:600%2C400" rel="stylesheet" property="stylesheet" type="text/css" media="all">

      <!-- CSS -->
      <!-- Flexslider -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/flexslider.css">
      <!-- Font-Awesome -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/font-awesome.css">
      <!-- LightCase -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/lightcase.css">
      <!-- SlickNav -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/slicknav.min.css">
      <!-- Animate -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/animate.min.css">
      <!-- Bootstrap 4 -->
      <link rel="stylesheet" type="text/css" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <!-- Cube Portfolio -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/cubeportfolio.min.css">
      <!-- Custom styles CSS -->
      <link rel="stylesheet" type="text/css" href="assets/css/main.css">
      <!-- Favicon -->
      <link rel="icon" type="image/png" href="assets/images/favicon.png">

      <link rel="stylesheet" type="text/css" href="assets/slider/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
      <link rel="stylesheet" type="text/css" href="assets/slider/fonts/font-awesome/css/font-awesome.css">
        
      <!-- REVOLUTION STYLE SHEETS -->
      <link rel="stylesheet" type="text/css" href="assets/slider/css/settings.css">
      <!-- REVOLUTION LAYERS STYLES -->

      <style type="text/css">.hermes.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:30px;height:110px;position:absolute;display:block;z-index:100}.hermes.tparrows:before{font-family:"revicons";font-size:15px;color:rgb(255,255,255);display:block;line-height:110px;text-align:center;  transform:translatex(0px);  -webkit-transform:translatex(0px);  transition:all 0.3s;  -webkit-transition:all 0.3s}.hermes.tparrows.tp-leftarrow:before{content:"\e824"}.hermes.tparrows.tp-rightarrow:before{content:"\e825"}.hermes.tparrows.tp-leftarrow:hover:before{transform:translatex(-20px);  -webkit-transform:translatex(-20px);   opacity:0}.hermes.tparrows.tp-rightarrow:hover:before{transform:translatex(20px);  -webkit-transform:translatex(20px);   opacity:0}.hermes .tp-arr-allwrapper{overflow:hidden;  position:absolute;width:180px;  height:140px;  top:0px;  left:0px;  visibility:hidden;   -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}.hermes.tp-rightarrow .tp-arr-allwrapper{right:0px;left:auto}.hermes.tparrows:hover .tp-arr-allwrapper{visibility:visible}.hermes .tp-arr-imgholder{width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translatex(-180px); -webkit-transform:translatex(-180px); transition:all 0.3s; transition-delay:0.3s}.hermes.tp-rightarrow .tp-arr-imgholder{transform:translatex(180px); -webkit-transform:translatex(180px)}.hermes.tparrows:hover .tp-arr-imgholder{transform:translatex(0px);  -webkit-transform:translatex(0px)}.hermes .tp-arr-titleholder{top:110px; width:180px; text-align:left;  display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75); color:rgb(255,255,255); font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:rotatex(-90deg); transform:rotatex(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; box-sizing:border-box}.hermes.tparrows:hover .tp-arr-titleholder{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotatex(0deg); transform:rotatex(0deg)}</style>

  </head>

  <body>


<script type='text/javascript'>var words = ["LOADING", "PORTFOLIO", "MODERN", "MINIMAL", "CLEAN"];</script>

<!-- LOADER TEMPLATE -->
<div class="page-loader">
<div class="text-loader">
  <div class="right">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
  <div class="left">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
</div>
</div>
<!-- /LOADER TEMPLATE -->

            
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-12">

         <!-- logo -->
         <div class="logo"><a href="index.html">rex</a></div>
         <!-- /logo -->

         <!-- shop cart -->
         <div class="cart-container">
            <div class="icon-cart">
              <i class="fa fa-shopping-bag" aria-hidden="true"></i>
              <span class="cart-count">3</span> 
            </div>
            <div class="cart-widget">
                <ul class="mini-cart cart_list product_list_widget">
                    <li>
                        <a href="single-product.html">
                            <img alt="product-1" src="assets/images/product-1.jpg">Bag
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-2" src="assets/images/product-2.jpg">Boots
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-3" src="assets/images/product-3.jpg">Belt
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                </ul>
                <p class="mini-cart__total total">
                    <strong>Subtotal:</strong>
                    <span>$105.00</span>
                </p>
                <p class="mini-cart__buttons buttons">
                    <a class="button" href="#">View cart</a>
                    <a class="button checkout" href="#">Checkout</a>
                </p>
            </div>
         </div>
         <!-- /shop cart -->

         <!-- navigation -->
         <nav>

            <div id="rex_menu">
                <ul>
                <li class="has-sub active">
                    <a href="#">
                        <span>Home</span>
                    </a>
                    <ul>
                        <li>
                            <a href="index.html">
                                <span>Parallax</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-1.html">
                                <span>Text</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-2.html">
                                <span>Slider</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="about.html">
                        <span>About</span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Portfolio</span>
                    </a>
                    <ul>
                        <li>
                            <a href="portfolio-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-alternative.html">
                                <span>Alternative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-stretch.html">
                                <span>Stretch</span>
                            </a>
                        </li>
                        <li class="has-sub">
                            <a href="#">
                                <span>Project Single</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="portfolio-single-1.html">
                                        <span>Single v1</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-2.html">
                                        <span>Single v2</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-3.html">
                                        <span>Single v3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-4.html">
                                        <span>Single v4</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-5.html">
                                        <span>Single v5</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Blog</span>
                    </a>
                    <ul>
                        <li>
                            <a href="blog-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-grid.html">
                                <span>Grid</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-full-width.html">
                                <span>Full width</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-post-format.html">
                                <span>Post Format</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Contact</span>
                    </a>
                    <ul>
                        <li>
                            <a href="contact-1.html">
                                <span>Contact V1</span>
                            </a>
                        </li>
                        <li>
                            <a href="contact-2.html">
                                <span>Contact V2</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="shop.html">
                        <span>Shop</span>
                    </a>
                </li>
                </ul>
            </div>

         </nav>
         <!-- /navigation -->


       </div>
     </div>
  </div>
</header>

<!-- wrapper -->    
<div id="wrapper">


<div id="rev_slider_7_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="parallax-zoom-slices" data-source="gallery" style="background:#000000;padding:0px;margin-top:-78px;">
<!-- START REVOLUTION SLIDER 5.4.6.3.1 fullscreen mode -->
    <div id="rev_slider_7_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.6.3.1">
<ul>    <!-- SLIDE  -->
    <li data-index="rs-26" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-thumb="assets/slider/assets/waterfal-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent">
        <!-- MAIN IMAGE -->
        <img src="assets/slider/assets/waterfal.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="150" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 1 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-13" 
             data-x="['left','left','left','left']" data-hoffset="['250','171','39','17']" 
             data-y="['top','top','top','top']" data-voffset="['779','693','847','630']" 
                        data-fontweight="['100','600','600','600']"
            data-width="['493','490','490','312']"
            data-height="['216','222','222','293']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":300,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 5;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 2 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-6" 
             data-x="['left','left','left','left']" data-hoffset="['141','81','48','19']" 
             data-y="['top','top','top','top']" data-voffset="['254','215','270','211']" 
                        data-fontweight="['100','600','600','600']"
            data-width="['281','257','140','75']"
            data-height="['345','343','250','127']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":350,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 6;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 3 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-5" 
             data-x="['left','left','left','left']" data-hoffset="['687','574','469','301']" 
             data-y="['top','top','top','top']" data-voffset="['248','223','281','208']" 
                        data-width="['338','308','140','94']"
            data-height="['621','602','787','542']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 7;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 4 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-12" 
             data-x="['left','left','left','left']" data-hoffset="['851','688','551','355']" 
             data-y="['top','top','top','top']" data-voffset="['149','141','222','162']" 
                        data-width="['339','329','226','77']"
            data-height="['809','662','867','569']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":450,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 8;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 5 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-1" 
             data-x="['left','left','left','left']" data-hoffset="['-54','-22','-4','-23']" 
             data-y="['top','top','top','top']" data-voffset="['195','174','242','187']" 
                        data-width="['396','278','133','90']"
            data-height="['762','664','779','564']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 9;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 6 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-14" 
             data-x="['left','left','left','left']" data-hoffset="['992','835','644','413']" 
             data-y="['top','top','top','top']" data-voffset="['104','95','156','119']" 
                        data-width="['756','404','242','150']"
            data-height="['810','787','1038','654']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":550,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 10;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 7 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-15" 
             data-x="['left','left','left','left']" data-hoffset="['-424','-195','-215','-131']" 
             data-y="['top','top','top','top']" data-voffset="['119','138','208','170']" 
                        data-width="['606','253','253','160']"
            data-height="['762','668','829','670']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 11;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 8 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-16" 
             data-x="['left','left','left','left']" data-hoffset="['822','737','534','340']" 
             data-y="['top','top','top','top']" data-voffset="['459','385','536','350']" 
                        data-width="['953','501','502','325']"
            data-height="['464','431','661','400']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="40" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":650,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 12;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 9 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-26-layer-17" 
             data-x="['left','left','left','left']" data-hoffset="['952','862','643','408']" 
             data-y="['top','top','top','top']" data-voffset="['588','498','676','449']" 
                        data-width="['873','404','405','366']"
            data-height="['462','401','571','343']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="60" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":700,"speed":1500,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 13;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 10 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-26-layer-2" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-48','-38']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 14; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">Project #1 </div>

        <!-- LAYER NR. 11 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-26-layer-3" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                        data-fontsize="['50','50','40','30']"
            data-lineheight="['60','60','50','40']"
            data-width="['none','none','480','360']"
            data-height="none"
            data-whitespace="['nowrap','nowrap','normal','normal']"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
            data-textAlign="['inherit','inherit','center','center']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 15; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255,255,255,0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">Raw Iceland </div>

        <!-- LAYER NR. 12 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-26-layer-4" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['59','59','49','39']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 16; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">ThemePunch Photography </div>
    </li>
    <!-- SLIDE  -->
    <li data-index="rs-27" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-thumb="assets/slider/assets/colorcar-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px #1a1336">
        <!-- MAIN IMAGE -->
        <img src="assets/slider/assets/colorcar.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="150" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 13 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-27-layer-7" 
             data-x="['left','left','left','left']" data-hoffset="['113','122','40','-95']" 
             data-y="['top','top','top','top']" data-voffset="['-137','27','78','54']" 
                        data-width="['973','809','809','573']"
            data-height="['433','256','256','233']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 5;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 14 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-27-layer-6" 
             data-x="['left','left','left','left']" data-hoffset="['26','-10','-133','-139']" 
             data-y="['top','top','top','top']" data-voffset="['252','194','190','256']" 
                        data-fontweight="['100','600','600','600']"
            data-width="['413','413','413','279']"
            data-height="['437','437','437','336']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":450,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 6;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 15 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-27-layer-1" 
             data-x="['left','left','left','left']" data-hoffset="['550','486','395','240']" 
             data-y="['top','top','top','top']" data-voffset="['351','334','377','348']" 
                        data-width="['380','252','252','159']"
            data-height="['404','309','309','291']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":350,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 7;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 16 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-27-layer-5" 
             data-x="['left','left','left','left']" data-hoffset="['708','588','481','312']" 
             data-y="['top','top','top','top']" data-voffset="['245','207','252','251']" 
                        data-width="['403','403','403','273']"
            data-height="['178','178','178','157']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="40" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 8;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 17 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-27-layer-2" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-48','-38']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">Project #2 </div>

        <!-- LAYER NR. 18 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-27-layer-3" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                        data-fontsize="['50','50','40','30']"
            data-lineheight="['60','60','50','40']"
            data-width="['none','none','480','360']"
            data-height="none"
            data-whitespace="['nowrap','nowrap','normal','normal']"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
            data-textAlign="['inherit','inherit','center','center']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 10; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255,255,255,0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">Design Curves </div>

        <!-- LAYER NR. 19 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-27-layer-4" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['59','59','49','39']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">ThemePunch Photography </div>
    </li>
    <!-- SLIDE  -->
    <li data-index="rs-24" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-thumb="assets/slider/assets/art-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px rgba(0, 0, 0, 0.15)">
        <!-- MAIN IMAGE -->
        <img src="assets/slider/assets/art.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 20 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-24-layer-1" 
             data-x="['right','left','left','left']" data-hoffset="['664','213','102','-169']" 
             data-y="['top','top','top','top']" data-voffset="['254','203','228','223']" 
                        data-width="['1202','253','253','372']"
            data-height="['939','824','819','493']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":2000,"frame":"0","from":"x:25px;y:-25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:-3;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 5;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 21 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-24-layer-6" 
             data-x="['left','left','left','left']" data-hoffset="['627','519','404','247']" 
             data-y="['top','top','top','top']" data-voffset="['409','308','344','309']" 
                        data-width="['818','413','413','491']"
            data-height="['775','437','437','374']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="40" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":250,"speed":2000,"frame":"0","from":"x:-25px;y:-25px;sX:1.1;sY:1.1;opacity:0;","to":"o:1;rZ:-2;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 6;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 22 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-24-layer-7" 
             data-x="['left','left','left','left']" data-hoffset="['621','519','403','248']" 
             data-y="['top','top','top','top']" data-voffset="['-247','-110','41','27']" 
                        data-width="['1279','294','214','235']"
            data-height="['618','370','254','243']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":300,"speed":2000,"frame":"0","from":"x:-25px;y:25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:3;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 7;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 23 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-24-layer-15" 
             data-x="['right','right','right','left']" data-hoffset="['663','560','423','-648']" 
             data-y="['top','top','top','top']" data-voffset="['-415','22','40','27']" 
                        data-width="['970','776','776','850']"
            data-height="['578','146','146','158']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":350,"speed":2000,"frame":"0","from":"x:25px;y:25px;sX:1;sY:1;opacity:0;","to":"o:1;rZ:2;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 8;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 24 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-24-layer-2" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-48','-38']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">Project #3 </div>

        <!-- LAYER NR. 25 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-24-layer-3" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                        data-fontsize="['50','50','40','30']"
            data-lineheight="['60','60','50','40']"
            data-width="['none','none','480','360']"
            data-height="none"
            data-whitespace="['nowrap','nowrap','normal','normal']"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
            data-textAlign="['inherit','inherit','center','center']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 10; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255,255,255,0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">Fractured </div>

        <!-- LAYER NR. 26 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-24-layer-4" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['59','59','49','39']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">ThemePunch Photography </div>
    </li>
    <!-- SLIDE  -->
    <li data-index="rs-25" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-thumb="assets/slider/assets/flower-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px #373344">
        <!-- MAIN IMAGE -->
        <img src="assets/slider/assets/flower.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="130" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 27 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-25-layer-6" 
             data-x="['left','left','left','left']" data-hoffset="['762','-10','-133','-139']" 
             data-y="['top','top','top','top']" data-voffset="['553','194','190','256']" 
                        data-width="['388','413','413','279']"
            data-height="['196','437','437','336']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 5;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 28 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-25-layer-7" 
             data-x="['left','left','left','left']" data-hoffset="['607','122','40','-95']" 
             data-y="['top','top','top','top']" data-voffset="['17','27','78','54']" 
                        data-width="['445','809','809','573']"
            data-height="['434','256','256','233']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":250,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 6;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 29 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-25-layer-1" 
             data-x="['left','left','left','left']" data-hoffset="['318','486','395','240']" 
             data-y="['top','top','top','top']" data-voffset="['358','334','377','348']" 
                        data-width="['320','252','252','159']"
            data-height="['436','309','309','291']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":300,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 7;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 30 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-25-layer-5" 
             data-x="['left','left','left','left']" data-hoffset="['85','588','481','312']" 
             data-y="['top','top','top','top']" data-voffset="['283','207','252','251']" 
                        data-width="['291','403','403','273']"
            data-height="['179','178','178','157']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="50" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":350,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 8;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 31 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-25-layer-9" 
             data-x="['left','left','left','left']" data-hoffset="['378','588','481','312']" 
             data-y="['top','top','top','top']" data-voffset="['20','207','252','251']" 
                        data-width="['165','403','403','273']"
            data-height="['235','178','178','157']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="70" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 9;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 32 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-25-layer-2" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-48','-38']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">Project #4 </div>

        <!-- LAYER NR. 33 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-25-layer-3" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                        data-fontsize="['50','50','40','30']"
            data-lineheight="['60','60','50','40']"
            data-width="['none','none','480','360']"
            data-height="none"
            data-whitespace="['nowrap','nowrap','normal','normal']"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
            data-textAlign="['inherit','inherit','center','center']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 11; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255,255,255,0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">Fractals in Nature </div>

        <!-- LAYER NR. 34 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-25-layer-4" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['59','59','49','39']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 12; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">ThemePunch Photography </div>
    </li>
    <!-- SLIDE  -->
    <li data-index="rs-23" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-thumb="assets/slider/assets/duality-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent">
        <!-- MAIN IMAGE -->
        <img src="assets/slider/assets/duality.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
        <!-- LAYERS -->

        <!-- LAYER NR. 35 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-23-layer-6" 
             data-x="['left','left','left','left']" data-hoffset="['612','77','-51','-139']" 
             data-y="['top','top','top','top']" data-voffset="['427','225','288','256']" 
                        data-width="['379','413','413','279']"
            data-height="['400','437','437','336']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="30" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;fg:0;","to":"o:1;fb:0px;fg:100%;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;fg:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"
            data-blendmode="lighten"

            style="z-index: 5;background-color:rgba(0,0,0,0.5);">
<div class="rs-looped rs-wave"  data-speed="2" data-angle="0" data-radius="2px" data-origin="50% 50%"> </div></div>

        <!-- LAYER NR. 36 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-23-layer-7" 
             data-x="['left','left','left','left']" data-hoffset="['607','122','40','-31']" 
             data-y="['top','top','top','top']" data-voffset="['17','27','78','59']" 
                        data-width="['445','809','809','573']"
            data-height="['434','256','256','233']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="20" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":250,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Elastic.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"
            data-blendmode="lighten"

            style="z-index: 6;background-color:rgba(0,0,0,0.5);">
<div class="rs-looped rs-pendulum"  data-easing="Power1.easeInOut" data-startdeg="-1" data-enddeg="1" data-speed="2" data-origin="50% 50%"> </div></div>

        <!-- LAYER NR. 37 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-23-layer-1" 
             data-x="['left','left','left','left']" data-hoffset="['318','472','319','123']" 
             data-y="['top','top','top','top']" data-voffset="['358','409','465','386']" 
                        data-width="['320','252','252','159']"
            data-height="['436','309','309','291']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="5" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":300,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Elastic.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"
            data-blendmode="lighten"

            style="z-index: 7;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 38 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-23-layer-5" 
             data-x="['left','left','left','left']" data-hoffset="['474','588','481','224']" 
             data-y="['top','top','top','top']" data-voffset="['234','207','252','403']" 
                        data-width="['398','403','403','273']"
            data-height="['180','178','178','157']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="40" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":350,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;","to":"o:1;fb:0px;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"
            data-blendmode="lighten"

            style="z-index: 8;background-color:rgba(0,0,0,0.5);"> </div>

        <!-- LAYER NR. 39 -->
        <div class="tp-caption tp-shape tp-shapewrapper tp-slicey  tp-resizeme" 
             id="slide-23-layer-9" 
             data-x="['left','left','left','left']" data-hoffset="['284','379','329','130']" 
             data-y="['top','top','top','top']" data-voffset="['102','245','324','276']" 
                        data-width="['403','403','403','273']"
            data-height="['349','178','178','157']"
            data-whitespace="nowrap"
 
            data-type="shape" 
            data-slicey_offset="10" 
            data-slicey_blurstart="inherit" 
            data-slicey_blurend="inherit" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":300,"frame":"0","from":"sX:0;sY:0;opacity:0;fb:30px;fg:0;","to":"o:1;fb:0px;fg:100%;","ease":"Bounce.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;fg:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"
            data-blendmode="lighten"

            style="z-index: 9;background-color:rgba(0,0,0,0.5);">
<div class="rs-looped rs-wave"  data-speed="2" data-angle="0" data-radius="3px" data-origin="50% 50%"> </div></div>

        <!-- LAYER NR. 40 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-23-layer-2" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['-48','-48','-48','-38']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 10; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;text-transform:uppercase;">Project #5 </div>

        <!-- LAYER NR. 41 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-23-layer-3" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                        data-fontsize="['50','50','40','30']"
            data-lineheight="['60','60','50','40']"
            data-width="['none','none','480','360']"
            data-height="none"
            data-whitespace="['nowrap','nowrap','normal','normal']"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,100);bc:rgb(255,255,255);bw:0 0 3px 0;"}]'
            data-textAlign="['inherit','inherit','center','center']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 11; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 600; color: rgba(255,255,255,100); letter-spacing: px;font-family:Poppins;border-color:rgba(255,255,255,0);border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;">Duality Principle </div>

        <!-- LAYER NR. 42 -->
        <div class="tp-caption   tp-resizeme" 
             id="slide-23-layer-4" 
             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
             data-y="['middle','middle','middle','middle']" data-voffset="['59','59','49','39']" 
                        data-width="none"
            data-height="none"
            data-whitespace="nowrap"
 
            data-type="text" 
            data-responsive_offset="on" 

            data-frames='[{"delay":600,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
            data-textAlign="['inherit','inherit','inherit','inherit']"
            data-paddingtop="[0,0,0,0]"
            data-paddingright="[0,0,0,0]"
            data-paddingbottom="[0,0,0,0]"
            data-paddingleft="[0,0,0,0]"

            style="z-index: 12; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,100); letter-spacing: ;font-family:Poppins;">ThemePunch Photography </div>
    </li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div><!-- END REVOLUTION SLIDER -->

        <div class="container-fluid" style="padding-left: 0; padding-right: 0;">


            <div id="grid-creative" class="cbp creativeAnim">

                 <!-- portfolio item 1 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-1.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-1.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Nuts</h2>
                            <p>illustration</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 1 -->

                <!-- portfolio item 2 -->
                <div class="cbp-item branding illustration design">
                    <a href="portfolio-single-2.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-2.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Ceramic</h2>
                            <p>branding, design, illustration</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 2 -->

                <!-- portfolio item 3 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-3.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-3.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Farm</h2>
                            <p>illustration</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 3 -->
                
                <!-- portfolio item 4 -->
                <div class="cbp-item branding">
                    <a href="portfolio-single-4.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-4.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Paper Pouch</h2>
                            <p>branding</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 4 -->
                
                <!-- portfolio item 5 -->
                <div class="cbp-item illustration design">
                    <a href="portfolio-single-5.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-5.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Chocolate</h2>
                            <p>design, illustration</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 5 -->

                <!-- portfolio item 6 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-1.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-6.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Spa</h2>
                            <p>illustration</p>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 6 -->

            </div>

            <!-- ajax load button -->
            <div class="load-more text-center">
                <a href="ajax-portfolio/loadMore-Portfolio-Creative.html" class="cbp-l-loadMore-link" rel="nofollow">
                    <span class="cbp-l-loadMore-defaultText">Load more</span>
                    <span class="cbp-l-loadMore-loadingText"><span class="rex-spinner"><i></i></span>Load more</span>
                    <span class="cbp-l-loadMore-noMoreLoading">No More Projects</span>
                </a>
            </div>
            <!-- /ajax load button -->

  </div>
</div>
<!-- /wrapper --> 

<!-- footer -->
<footer>

    <div class="container">
      <div class="row">
        <div class="col-md-12">

      <!-- social icons -->
      <div class="social-icons">
            
        <ul>

          <li><a href="#" class="twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
          <li><a href="#" class="facebook"><i class="fa fa-fw fa-facebook"></i></a></li>
          <li><a href="#" class="google-plus"><i class="fa fa-fw fa-google-plus"></i></a></li>
          <li><a href="#" class="youtube-play"><i class="fa fa-fw fa-youtube-play"></i></a></li>
          <li><a href="#" class="instagram"><i class="fa fa-fw fa-instagram"></i></a></li>   

        </ul>

      </div>
      <!-- /social icons -->  

      <!-- copyright -->
      <div class="copyright">
        Copyright © 2019 by <a href="http://www.bootstrapmb.com" target="_blank"> MountainTheme</a>. All rights reserved.
      </div>
      <!-- /copyright -->

     </div>
    </div>
  </div>

</footer>
<!-- /footer -->

    <!-- Javascript files -->
    <!-- jQuery -->
    <script src="assets/js/plugins/jquery-1.12.4.min.js"></script>
    <!-- Modernizr -->
    <script src="assets/js/plugins/modernizr.js"></script>
    <!-- jQuery.appear -->
    <script src="assets/js/plugins/jquery.appear.js"></script>
    <!-- Lettering -->
    <script src="assets/js/plugins/lettering.js"></script>
    <!-- Textillate -->
    <script src="assets/js/plugins/textillate.js"></script>
    <!-- Wow -->
    <script src="assets/js/plugins/wow.js"></script>
    <!-- Jarallax -->
    <script src="assets/js/plugins/jarallax.js"></script>
    <!-- Lightcase -->
    <script src="assets/js/plugins/lightcase.js"></script>
    <!-- Skills bar -->
    <script src="assets/js/plugins/skills-bar.js"></script>
    <!-- Slick Nav -->
    <script src="assets/js/plugins/slick-nav.js"></script>
    <!-- Flex Slider -->
    <script src="assets/js/plugins/flexslider.js"></script>
    <!-- Images Loaded -->
    <script src="assets/js/plugins/images-loaded.js"></script>
    <!-- Isotope -->
    <script src="assets/js/plugins/isotope.js"></script>
    <!-- Cube Portfolio -->
    <script src="assets/js/plugins/jquery.cubeportfolio.min.js"></script>
    <!-- Google map -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAV1KS10sb3O462XosfZTKohHJwi6C0joo"></script>
    <!-- Custom -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script type="text/javascript" src="assets/slider/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/jquery.themepunch.revolution.min.js"></script>

    <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->    
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.migration.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.extension.video.min.js"></script>
    <script type="text/javascript" src="assets/slider/js/extensions/revolution.addon.slicey.min.js"></script>
    
    <script type="text/javascript">
var revapi7,
    tpj=jQuery;
            
tpj(document).ready(function() {
    if(tpj("#rev_slider_7_1").revolution == undefined){
        revslider_showDoubleJqueryError("#rev_slider_7_1");
    }else{
        revapi7 = tpj("#rev_slider_7_1").show().revolution({
            sliderType:"standard",
            jsFileLocation:"//rex.mountaintheme.com/wp-content/plugins/rev_slider/public/assets/js/",
            sliderLayout:"fullscreen",
            dottedOverlay:"none",
            delay:5500,
            navigation: {
                keyboardNavigation:"off",
                keyboard_direction: "horizontal",
                mouseScrollNavigation:"off",
                            mouseScrollReverse:"default",
                onHoverStop:"off",
                arrows: {
                    style:"hermes",
                    enable:true,
                    hide_onmobile:false,
                    hide_onleave:true,
                    hide_delay:200,
                    hide_delay_mobile:1200,
                    tmp:'<div class="tp-arr-allwrapper">    <div class="tp-arr-imgholder"></div>    <div class="tp-arr-titleholder">{{title}}</div> </div>',
                    left: {
                        h_align:"left",
                        v_align:"center",
                        h_offset:20,
                        v_offset:0
                    },
                    right: {
                        h_align:"right",
                        v_align:"center",
                        h_offset:20,
                        v_offset:0
                    }
                }
            },
            responsiveLevels:[1240,1024,778,480],
            visibilityLevels:[1240,1024,778,480],
            gridwidth:[1240,1024,778,480],
            gridheight:[868,768,960,720],
            lazyType:"none",
            shadow:0,
            spinner:"off",
            stopLoop:"off",
            stopAfterLoops:-1,
            stopAtSlide:-1,
            shuffle:"off",
            autoHeight:"off",
            fullScreenAutoWidth:"off",
            fullScreenAlignForce:"off",
            fullScreenOffsetContainer: "",
            fullScreenOffset: "60px",
            disableProgressBar:"on",
            hideThumbsOnMobile:"off",
            hideSliderAtLimit:0,
            hideCaptionAtLimit:0,
            hideAllCaptionAtLilmit:0,
            debugMode:false,
            fallbacks: {
                simplifyAll:"off",
                nextSlideOnWindowFocus:"off",
                disableFocusListener:false,
            }
        });
    }
    
                if(revapi7) revapi7.revSliderSlicey();

}); /*ready*/
</script>

    <script type="text/javascript">function setREVStartSize(e){
            try{ var i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;                   
                if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f})                  
            }catch(d){console.log("Failure at Presize of Slider:"+d)}
        };</script>



    
</body>
</html>